@charset "utf-8";
/* CSS Document */
html {
	background:#f7f5f5 url(images/bg.gif) repeat
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}

body {
	font-family:'Microsoft Yahei', Tahoma, Arial, Helvetica, Simsun, STHeiti;
	font-size:13px;
	color:#444
}

.wrapper {
	position:relative;
	margin:0 auto;
	border:0;
	padding:0 36px;
}

.Board {
	position:absolute;
	width:192px;
	padding:15px 15px 0;
	font-size:12px;
	background-color:#fff;
	box-shadow:0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .2)
}
#waterfall {
	position:relative;
	min-height:500px;
	margin:70px auto 0
}
.wfc {
	position:absolute;
	left:-200px;
	top:1000px;
-webkit-transition:opacity .4s ease-in-out;
-moz-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out
}
#waterfall .wft {
-webkit-transition:left .3s ease-in-out, top .3s ease-in-out;
-moz-transition:left .5s ease-in-out, top .5s ease-in-out;
-o-transition:left .3s ease-in-out, top .3s ease-in-out
}

.Board {
	position:static;
	width:222px!important;
	padding:0!important
}
.Board h3 {
	padding:9px 0 0 15px;
	font-size:14px;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	margin-right:45px
}
.bl .Board h3 {
	height:16px
}
.Board .link {
	display:block;
	height:200px;
	background:url(images/BoardBackground.png) 15px 9px no-repeat;
	padding:9px 0 0 15px;
	overflow:hidden
}
.Board .link img {
	float:left;
	width:60px;
	height:60px;
	margin:0 4px 4px 0
}

.Board .aimagespec{

	padding:9px 0 0 15px;
	overflow:hidden
	float:left;
	width:60px;
	height:60px;
	margin:0 4px 4px 0;
	overflow:hidden;

}
.sortable {
	display:block;
	margin-left:-15px!important;
	zoom:1
}
.sortable li {
	position:relative;
	float:left;
	margin:0 0 15px 15px
}

.btn {
	position:relative;
	display:inline-block;
	padding:.45em .825em .45em;
	text-align:center;
	line-height:1em;
	border:1px solid transparent;
	border-radius:.2em;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	-moz-transition-property:color, -moz-box-shadow, text-shadow;
-moz-transition-duration:.05s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:color, -webkit-box-shadow, text-shadow;
-webkit-transition-duration:.05s;
	-webkit-transition-timing-function:ease-in-out;
	box-shadow:0 1px rgba(255, 255, 255, .8), inset 0 1px rgba(255, 255, 255, .35);
	-moz-box-shadow:0 1px rgba(255, 255, 255, .8), inset 0 1px rgba(255, 255, 255, .35);
	-webkit-box-shadow:0 1px rgba(255, 255, 255, .8), inset 0 1px rgba(255, 255, 255, .35);
	cursor:pointer
}
.btn span {
	position:absolute;
	z-index:1;
	top:-1px;
	right:-1px;
	bottom:-1px;
	left:-1px;
	display:block;
	border:1px solid;
	opacity:1;
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	box-shadow:inset 0 1px rgba(255, 255, 255, .35);
	-moz-box-shadow:inset 0 1px rgba(255, 255, 255, .35);
	-webkit-box-shadow:inset 0 1px rgba(255, 255, 255, .35);
	-moz-transition-property:opacity;
-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:opacity;
-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-in-out
}


<!--ûϢʽ-->

.profile #ctx_bar {
	margin-top:20px;
	margin-left:237px
}
.profile #waterfall {
	margin-top:15px;
	margin-left:237px
}
.profile .Board {
	position:static
}
#ProfileSidebar {
	float:left;
	width:192px;
	padding:15px;
	background:white;
	text-shadow:0 1px rgba(255, 255, 255, .9);
	box-shadow:0 1px 3px rgba(34, 25, 25, .4);
	-moz-box-shadow:0 1px 3px rgba(34, 25, 25, .4);
	-webkit-box-shadow:0 1px 3px rgba(34, 25, 25, .4)
}
#ProfileSidebar h1 {
	margin:0 0 7px;
	font-size:22px;
	font-weight:300;
	word-wrap:break-word
}
#userImage {
	margin:15px 0;
}
#userImage img {
	display:block;
	max-width:100%;
}
#userImage .btn {
	display:block;
	margin:15px 0 0
}
#ProfileSidebar p {
	margin:0 0 4px;
	font-size:12px;
	word-wrap:break-word
}
#ProfileSidebar p span {
	font-size:13px;
	font-weight:400
}
#ProfileSidebar p:last-child {
	margin-bottom:0
}
#ProfileLinks {
	clear:both;
	margin-top:8px;
	margin-bottom:15px;
	overflow:hidden
}
#ProfileLinks li {
	display:inline
}
#ProfileLinks a {
	float:left;
	width:28px;
	height:28px;
	margin-right:8px;
	padding:0;
	text-align:center;
}
#ProfileLinks li:last-child a {
	margin-right:0
}
#ProfileLinks a img {
	margin-top:5px
}
#ProfileLinks a:active {
	box-shadow:inset 0 1px 2px rgba(34, 25, 25, .25), 0 0 4px rgba(235, 82, 82, .35);
	-moz-box-shadow:inset 0 1px 2px rgba(34, 25, 25, .25), 0 0 4px rgba(235, 82, 82, .35);
	-webkit-box-shadow:inset 0 1px 2px rgba(34, 25, 25, .25), 0 0 4px rgba(235, 82, 82, .35)
}